<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Group of Photographic Artists</title>
<script src="<?php echo HTTP_SERVER; ?>js/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo HTTP_SERVER; ?>css/default/design.css" type="text/css">

<!-- start jQuery menu -->
<link type="text/css" href="<?php echo HTTP_SERVER; ?>css/menu_apycom/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo HTTP_SERVER; ?>js/menu_apycom/menu.js"></script>
<!-- end of jQuery menu -->

<!-- start Lightbox Gallery Image-->
<script src="<?php echo PAGE_URL; ?>js/prettyPhoto.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo PAGE_URL; ?>css/prettyPhoto.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo PAGE_URL; ?>css/ImageGallery.css" type="text/css" media="screen"/>
<!-- end Lightbox Gallery Image -->

</head>
<body>

<div id="root">
<div id="Table_01">
	<div id="index">
    	<div id="leftTop">
            <img class="logo" src="<?php echo HTTP_SERVER; ?>images/default/logogpa.png" width="310" height="90" alt="Logo GPA">
        </div>
  		<div id="rightTop">
        	<div id="rTop">
            	<div class="login">
                	<div class="login-text">
                		<a href="#">Sign In </a> | <a href="#"> Register </a>
                    </div>
                    <div class="login-box">
                    	<input name="login-field" type="text" maxlength="30">
                    </div>
                </div>
            </div>
        	<div id="rBottom">
        		<div id="menu">
				<ul class="menu">
				<li><a href="#" class="parent"><span>Home</span></a>
				
				</li>
				<li><a href="#"><span>Product Info</span></a>
					<div><ul>
						<li><a href="#" class="parent"><span>Sub Item 1</span></a>
							<div><ul>
							<li><a href="#"><span>Sub Item 1.1</span></a></li>
							<li><a href="#"><span>Sub Item 1.2</span></a></li>
							</ul></div>
						</li>
						<li><a href="#" class="parent"><span>Sub Item 2</span></a>
							<div><ul>
							<li><a href="#"><span>Sub Item 2.1</span></a></li>
							<li><a href="#"><span>Sub Item 2.2</span></a></li>
							</ul></div>
						</li>
						<li><a href="#"><span>Sub Item 3</span></a></li>
						<li><a href="#"><span>Sub Item 4</span></a></li>
						<li><a href="#"><span>Sub Item 5</span></a></li>
						<li><a href="#"><span>Sub Item 6</span></a></li>
						<li><a href="#"><span>Sub Item 7</span></a></li>
					</ul></div>
				</li>
				<li><a href="#"><span>Help</span></a></li>
				<li class="last"><a href="#"><span>Contacts</span></a></li>
			</ul>
			</div>
        	</div>   
    	</div> 	
	</div>
	<div id="index002">
    	<div class="content">
            <h1>Gallery</h1>
            <table class="gallery" cellspacing="10">
                <tbody>
                <?php for($i=0,$j=count($images);$i<$j;$i++): ?>
                    <tr>
                        <?php for($k=0; $k<$CONFIG['gallery_list_column'];$k++,$i++): ?>
                        <?php if(isset($images[$i]['thumb'])):?>
                        <td valign="center" align="center" style="background-color: #000; border: 1px solid #111; padding:10px 5px;">
                      
                                    <a href="<?php echo $images[$i]['url']; ?>" rel="prettyPhoto[gallery1]" title="&lt;a href=&#x27;?page=gallery&amp;act=details&amp;iid=<?php echo $images[$i]['image_id']; ?>&#x27; target=&#x27;_parent&#x27; &gt;Place a comment for this photo...&lt;/a&gt;">
                                        <img src="<?php echo $images[$i]['thumb']; ?>" alt="<?php echo $images[$i]['title']; ?>" />
                                    </a>
                                    
                                    <p class="image-view-info">
                                        <?php echo $images[$i]['title']; ?> <br/>
                                        <?php echo $images[$i]['viewed']; ?> times viewed
                                    </p>
     
                        </td>
                        <?php endif; ?>
                        <?php endfor; ?>
                    </tr>
		<?php endfor; ?>
                </tbody>
            </table>

		<script type="text/javascript">
			$(document).ready(function(){
				$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
			});
		</script>
        </div>
	</div>
	<div id="index003">
	</div>
	<div id="index004">
	</div>
</div>
</div>
	<a id="thanks" href="http://apycom.com/">Apycom jQuery Menus</a>
</body>
</html>